<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 1.设置网站的标题 -->
    <title>绝地求生-绝地求生官方网站-腾讯游戏</title>
    <!-- 2.设置网站的快捷图标 -->
    <link rel="stylesheet icon" href="favicon.ico" type="image/x-icon">
    <!-- 导入fullpage文件 -->
    <link rel="stylesheet" href="css/fullpage.css">
    <script src="js/jquery-3.60.js"></script>
    <script src="js/easings.js"></script>
    <script src="js/scrolloverflow.js"></script>
    <script src="js/fullpage.js"></script>
    <!-- 导入初始化文件 -->
    <link rel="stylesheet" href="css/reset.css">
    <!-- 导入我们自己的css js文件 -->
    <link rel="stylesheet" href="css/index.css">
    <script src="js/index.js"></script>
</head>

<body>
    <div class="toolbar">
        <ul class="toolbar-in claerfix">
            <li class="fi"><a href="javascript:;" title="腾讯游戏"></a></li>
            <li class="fi"><a href="javascript:;">
                    <a href="#">
                        <img src="images/top-small-ad.jpg" alt="">
                        <img src="images/top-big-ad.jpg" alt="" class="big-image">
                    </a>
                </a></li>
            <li class="fr"><a href="javascript:;">
                    <h3>腾讯游戏排行榜</h3>
                </a></li>
            <li class="fr"><a href="javascript:;">
                    <h3>成长守护平台</h3>
                </a></li>
        </ul>
    </div>
    <div class="nav">
        <div class="nav-in claerfix">
            <h1 class="fi"><a href="#"></a></h1>
            <ul class="fi">
                <li><a href="#" title="官网首页">官网首页</a></li>
                <li><a href="#" title="绑定查询">绑定查询</a></li>
                <li><a href="#" title="国服预约">国服预约</a></li>
                <li><a href="#" title="老兵绑定">老兵绑定</a></li>
                <li><a href="#" title="游戏特色">游戏特色</a></li>
                <li><a href="#" title="社区APP">社区APP</a></li>
                <li><a href="#" title="网吧认证">网吧认证</a></li>
            </ul>
            <div class="fr"><a href="#" title="进入官网">进入官网</a></div>
        </div>
    </div>
    <ul id="myMenu">
        <li class="menu-up"></li>
        <li data-menuanchor="secondPage"><a href="#secondPage">
            <b>N</b>
            <i></i>
            <div>丰富防具</div>
        </a></li>
        <li data-menuanchor="thirdPage"><a href="#thirdPage">
            <b>NE</b>
            <i></i>
            <div>丰富武器及配件</div>
        </a></li>
        <li data-menuanchor="fourthPage"><a href="#fourthPage">
            <b>E</b>
            <i></i>
            <div>丰富天气及地形</div>
        </a></li>
        <li data-menuanchor="fifthPage"><a href="#fifthPage">
            <b>SE</b>
            <i></i>
            <div>丰富载具</div>
        </a></li>
        <li data-menuanchor="sixthPage"><a href="#sixthPage">
            <b>S</b>
            <i></i>
            <div>地形&策略</div>
        </a></li>
        <li class="menu-down"></li>
    </ul>
    <div class="tips"></div>
    <div id="fullpage">
        <div class="section section-one">
            <video data-autoplay loop>
                <source data-src="images/one.mp4" type="video/mp4" />
                
            </video>
            <div class="play">
                <a href="#" title="播放"></a>
            </div>
            <img src="images/logo_b.png" alt="">
        </div>
        <div class="section section-two">
            <video data-autoplay loop>
                <source data-src="images/two.mp4" type="video/mp4" />
            </video>
            <div class="info">
                <p>连呼吸都必须小心翼翼，前所未有的紧张刺激体验</p>
            </div>
            <div class="ripple">
                <span>+</span>
                <b></b>
                <i></i>
            </div>
        </div>
        <div class="section section-three">
            <video data-autoplay loop>
                <source data-src="images/three.mp4" type="video/mp4" />
            </video>
            <div class="info">
                <p>真实的射击体验，多种枪械与配件，眼观六路耳听八方</p>
            </div>
            <div class="ripple">
                <span>+</span>
                <b></b>
                <i></i>
            </div>
        </div>
        <div class="section section-four">
            <div class="title"></div>
            <div class="weather">
                <i></i>
                <b>天气</b>
                <span></span>
                <p>天气将严重影响视野，既潜藏着危险，也能成为你的掩护</p>
            </div>
            <div class="terrain">
                <i></i>
                <b>地形</b>
                <span></span>
                <p>善于利用不同的地形埋伏和躲避，才能取得胜利</p>
            </div>
            <ul>
                <li>
                    <img src="images/img_weather1.jpg" alt="">
                    <h3></h3>
                </li>
                <li>
                    <img src="images/img_weather2.jpg" alt="">
                    <h3></h3>
                </li>
                <li>
                    <img src="images/img_weather3.jpg" alt="">
                    <h3></h3>
                </li>
            </ul>
        </div>
        <div class="section section-five">
            <video data-autoplay loop>
                <source data-src="images/five.mp4" type="video/mp4" />
            </video>
            <div class="info">
                <i></i>
                <b></b>
                <p>丰富载具，团队合作，好友开黑</p>
            </div>
            <div class="ripple">
                <span>+</span>
                <b></b>
                <i></i>
            </div>
        </div>
        <div class="section section-six">
            <div class="info">
                <p>时刻变化的随机因素，制定最优策略</p>
            </div>
            <div class="ripple">
                <span>+</span>
                <b></b>
                <i></i>
                <div class="scale">
                    <video data-autoplay loop>
                        <source data-src="images/bg_six1.mp4" type="video/mp4" />
                    </video>
                    <div class="text">
                        <h6>安全区</h6>
                        <p>不断缩小的安全区域，位置随机，根据战术随机应变。</p>
                    </div>
                </div>
            </div>
            <div class="ripple ">
                <span>+</span>
                <b></b>
                <i></i>
                <div class="scale">
                    <video data-autoplay loop>
                        <source data-src="images/bg_six2.mp4" type="video/mp4" />
                    </video>
                    <div class="text">
                        <h6>轰炸区</h6>
                        <p>随机轰炸地图的某个区域，需要尽快撤离（也可以躲在房子里祈祷）。</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="section fp-auto-height">
            <div class="footer-in claerfix">
                <div class="footer-lfet fi">
                    <a href="#"></a>
                    <span></span>
                </div>
                <div class="footer-right fi">
                    <p>
                        <a href="#">腾讯互动娱乐</a>
                        |
                        <a href="#">服务条款</a>
                        |
                        <a href="#">隐私保护指引</a>
                        |
                        <a href="#">儿童隐私保护指引</a>
                        |
                        <a href="#">腾讯游戏招聘</a>
                        |
                        <a href="#">腾讯游戏客服</a>
                        |
                        <a href="#">游戏列表</a>
                        |
                        <a href="#">广告服务及商务合作</a>
                    </p>
                    <p><a href="#">腾讯公司版权所有 网络游戏行业防沉迷自律公约</a></p>
                    <p>COPYRIGHT © 1998 - 2021 TENCENT. ALL RIGHTS RESERVED.</p>
                    <p>©PUBG Corporation. All rights reserved.</p>
                    <p>
                        <a href="#">工商网监电子标识</a>
                        |
                        <a href="#">粤网文[2020]3396-195号</a>
                        |
                        <a href="#">（署）网出证（粤）字第054号</a>
                    </p>
                </div>
            </div>
        </div>
    </div>
</body>

</html>